<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<html>
<head>
	<script src="<c:url value="/resources/js/jquery-1.10.2.js" />"></script>
	<link href="<c:url value="/resources/css/bootstrap.css"/>"
		rel="stylesheet" type="text/css" />
	<script src="<c:url value="/resources/js/bootstrap.js"/>"></script>
	<meta charset="utf-8">
	<title>Home</title>
</head>
<body>
	<h1>Welcome All to CSC Vietnam!</h1>
	<table class="table table-striped">
		<caption>List Employee</caption>
		<thead>
			<tr>
				<th>Email</th>
				<th>First Name</th>
				<th>LastName</th>
				<th></th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${employees}" var="emp">
				<tr>
					<td><a href="emp/createAndEdit/${emp.id}"><c:out value="${emp.email}" /></a></td>
					<td><c:out value="${emp.firstName}" /></td>
					<td><c:out value="${emp.lastName}" /></td>
					<%-- 					<td><label class="label label-warning"><a type="button" href="emp/delete/${emp.id}">Delete</a></label></td> --%>
					<td>
						<a type="button" href="emp/createAndEdit/${emp.id}">
							<buttonclass="btn btn-primary">Edit</button>
						</a> 
						<a type="button" href="emp/delete/${emp.id}">
							<button class="btn btn-warning">Delete</button>
						</a>
					</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	
	<a type="button" href="emp/createAndEdit/0">
							<button class="btn btn-warning">New Employee</button>
						</a>
	<hr>
	<p>The time on the server is ${serverTime}.</p>
</body>
</html>